<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>{$conf.name}</title>
  <meta name="keywords" content="{$conf.keyword}">
  <meta name="description" content="{$conf.description}">
  <link href="http://www.ayibang.com/favicon.ico" rel="icon" type="image/x-icon">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="x-ua-compatible" content="ie=7">
  <script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="__INDEX__/css/news.css">
  <link rel="stylesheet" type="text/css" href="__INDEX__/css/reset.css">
  <link rel="stylesheet" type="text/css" href="__INDEX__/css/yjfk.css">
  <link rel="stylesheet" type="text/css" href="__INDEX__/css/ceb.css">
  <style type="text/css">
    .center {
      width: 1140px;
      margin: 0 auto;
      margin-top: 50px;
      margin-bottom: 50px;
    }

    .h2 {
      width: 100%;
      text-align: center;
      font-weight: 500;
    }

    .cone {
      font-size: 16px;
      text-align: center;
      width: 600px;
      color: #9B9B9B;
      margin: 0 auto;
      margin-top: 30px;
    }

    .maxBox {
      width: 100%;
      margin-top: 50px;
      
      margin-left: 1.5%;
    }

    .img {
      width: 100%;
    }

    .h3 {
      font-size: 21px;
      font-weight: 400;
      margin-top: 20px;
      margin-bottom: 20px;
      width: 100%;
    }

    .neurone {
      font-size: 16px;
      color: #9B9B9B;
      width: 100%;
    }
    
    .input1{
      width:45%; margin-right: 10px; 
      font-size: .2rem;
      height: 45px;
      line-height: 45px;
    }

    .input2{
      width:45%; 
      font-size: .2rem;
      height: 45px;
      line-height: 45px;
    }

    .input3{
      width:100%; margin-top: 10px; 
      font-size: .2rem;
      height: 90px;
      
    }

    .input4{
      width:15%; 
      color: #6975a6;
      background: #fff;
      border:1px solid  #6975a6;
      font-size: .2rem;
      height: 45px;
      line-height: 45px;
      text-align: center;
      cursor:pointer;
    }

    .layui-layer-btn a{
      font-size: 16px;
    }
    .header{
      position: relative;
    }
    .dingles{
      font-size: 30px;
      position: absolute;
      left: 200px;
      top: 15px;
    }
    .neurone{
      margin-top: 15px;
      font-size: 18px;
    }
  </style>
</head>

<body style="overflow:scroll;overflow-x: hidden;">
  <div class="wrap">
    <div class="header step step1 slideTop">
      <div class="topcenter">
        <a href="javascript:void(0);" class="logo"></a>
        <div class="phonenum"></div>
        <ul class="list">
          <li><a href="{:url('index/index')}">首页</a></li>
          <li><a href="{:url('family/index')}">家政服务</a></li>
          <li><a href="{:url('enter/index')}">企业服务</a></li>
          <li><a href="{:url('news/index')}">新闻资讯</a></li>
          <li><a href="{:url('about/index')}">关于我们</a></li>
          <li><a href="{:url('join/index')}">加入我们</a></li>
          <li id="activityon" class="on" ><a href="{:url('contact/index')}" style="color:#00BEAF">联系我们</a></li>
        </ul>
      </div>
      <div class="dingles">
        赤峰哈图家政物业公司
      </div>
    </div>

    <div class="top">
      <div class="logo2"></div>
      <div class="menu"></div>
    </div>
    <div class="nav">
      <div class="navlist">
        <div><a href="{:url('index/index')}">首页</a></div>
        <div><a href="{:url('family/index')}">家政服务</a></div>
        <div><a href="{:url('enter/index')}">企业服务</a></div>
        <div><a href="{:url('news/index')}">新闻资讯</a></div>
        <div><a href="{:url('about/index')}">关于我们</a></div>
        <li><a href="{:url('about/index')}">加入我们</a></li>
        <div><a href="{:url('contact/index')}">联系我们</a></div>
      </div>
    </div>
    <div class="banner phonebanner" style="position: relative; margin-top: 0rem;">
      <div class="banner2"></div>
    </div>
    <div class="center">
      <h2 class="h2">联系我们</h2>
      <div class="maxBox" style="width:65%;">
        <div class="box">
          <form id="form_ajax" onsubmit="return false">
          <h3 class="h3">您的需求</h3>
          <input type="text" id="doc-ipt-1" class="input1" name="user" placeholder="姓名" >
          <br/>
          <input type="text" id="doc-ipt-2" class="input2" name="tel" placeholder="电话">
          <textarea id="doc-ipt-3" class="input3" name="desc" placeholder="写下你想说的..."></textarea>
          <input type="submit" class="input4" onclick="sub()" value="提交">
          </form>
        </div>
      </div>

      <div class="maxBox">
        <div class="box">
          <h3 class="h3">联系方式</h3>
          <div class="neurone">电话 ： 17604762014</div>
          <div class="neurone">微信 ： 17604762014</div>
          <div class="neurone">地址 ： 内蒙古赤峰市红山区桥北龙湖湾东区5厅</div>
        </div>
      </div>
      <script src="__STATIC__/common/layer/layer.js"></script>
      <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.12&key=6c97e2ea028497b716371bf42ea70808"></script> 
      <div class="maxBox" style="width:100%; height: 500px;">
        <div id="container" style="width:100%; height:500px;"></div>
      </div>
    </div>
    <div class="entrybox">
      <div class="scan">
          <div class="scancode"></div>
      </div>
      <div class="wexin">
          <div class="weixincode"></div>
      </div>
    </div>
    <!-- 高德地图 -->

    <script>
      var map = new AMap.Map('container', {
          zoom:16,//级别
          center: [118.962073,42.291079],//中心点坐标
      });
      var marker = new AMap.Marker({
          position:[118.962073,42.291079],//位置
          title: '内蒙古赤峰市红山区桥北龙湖湾东区5厅'
      })
      map.add(marker)

      function sub(){
        var formData = $('#form_ajax').serialize();
        var user = $('#doc-ipt-1').val();
        var tel = $('#doc-ipt-2').val();
        var desc = $('#doc-ipt-3').val();
        
        if(user==""){
          layer.alert('用户名不能为空', {icon: 5});
        }else if(tel==""){
          layer.alert('电话不能为空', {icon: 5});
        }else if(desc==""){
          layer.alert('描述不能为空', {icon: 5});
        }else{
          $.ajax({
            url:"{:url('Contact/add')}",
            type:"post",
            data:formData,
            success:function(data){
              if(data.statu == 200){
                layer.alert(data.info, {icon: 6});
                $("form")[0].reset();
              }else{
                layer.alert(data.info, {icon: 5});
              }
            }
          })
        }
      }
    </script>
    <div id="phoneHtml">
      <div class="footer">
        <div class="footercenter">
          <p class="footertext">© {$conf.name} </p>
          
          <div class="footerList">
            <a href="javascript:void(0)" class="say">技术支持 </a><span></span>
            <a href="http://www.cfckck.com" target="_blank">赤峰汇潮网络科技有限公司</a><span></span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="cebbox">
    <div class="topheader">
       <span class="xiaokuai"></span> <span class="xiangduidingwei">联系我们</span>
    </div>
    <div class="tupiandianhua">
        <img src="__INDEX__/image/a_06.jpg" alt="">
    </div>
    <div class="dianhuahaoma">
        <p>17604762014<br/></p>
    </div>
    <div class="gongzhonghao">
        <img src="__INDEX__/image/gongzhonghao.jpg" width="90px" alt="">
    </div>
    <div class="wenzhishuom">
       扫描二维码关注公众号
    </div>
    <div class="gongzhonghao">
        <img src="__INDEX__/image/kefuweixin.jpg" width="90px" alt="">
    </div>
    <div class="wenzhishuom">
        扫描二维码加微信客服
    </div>
  </div>
  <script type="text/javascript" src="__INDEX__/js/about.js"></script>
  <script type="text/javascript" src="__INDEX__/js/comment.js"></script>
</body>
</html>